<template>
	<div class="v-content">
		<slot></slot>
	</div>
</template>

<script>
	export default {
		props: {

		},
		data() {
			return {
				
			}
		},
		methods: {
			back() {
				if(this.isDefaultBack) {
					history.back(-1);
				} else {
					this.$emit('back');
				}
			}
		}
	}
</script>
<style lang="less">
	.v-header {
		/*@height: 100px;
		position: relative;
		.place {
			height: @height;
		}
		@header-color: white;
		.header {
			padding: 0 20px;
			background-color: @base_color;
			border-bottom: 1px solid @color-border;
			z-index: 9990;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: @height;
			line-height: @height;
			text-align: center;
			.my_flex_left,
			.my_flex_right {
				width: 20%;
			}
			.my_flex_center {
				width: 60%;
			}
			i {
				color: @header-color;
				font-size: 48px;
				position: relative;
				top: 3px;
			}
			img {
				vertical-align: middle;
				height: @font-size*1.05;
				width: @font-size*1.05;
			}
		}*/
	}
</style>